// ignore_for_file: file_names, use_super_parameters

import 'package:flutter/material.dart';

class MyApp11 extends StatelessWidget {
  const MyApp11({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        // 1.1 导航
        appBar: AppBar(
          title: const Text('堆叠组件_Stack'),
          backgroundColor: Colors.pink,
        ),
        // 1.2 主体内容
        body: Center(
          child: Stack(
              // 设置堆叠容器内部组件的对齐方式
              alignment: Alignment.center,
              // 设置堆叠容器内部组件的堆叠顺序
              // 默认为0，值值越大越靠后
              // 堆叠顺序越靠后，堆叠的越靠后
              // 不裁剪超出的部分
              clipBehavior: Clip.none,
              children: [
                Container(
                  width: 300,
                  height: 300,
                  color: Colors.cyan,
                ),
                Container(
                  width: 100,
                  height: 100,
                  color: Colors.yellow,
                ),
                Image.network(
                  'https://yanxuan-item.nosdn.127.net/afd6199278a5b8fd783bc4947960fabc.jpg',
                  width: 86,
                ),
                // 定位组件
                Positioned(
                  top: -100,
                  child: Image.asset('open_eyes.png'),
                )
              ]),
        ));
  }
}
